<template>
<div class="articleWrap">
    <div class="articItem" v-for="(item,index) in list" :key="index">
    <view class="left">
      <view class="title">
         {{item.title}}
      </view>
      <view class="time">
     {{item.virtual_views}}次浏览数
      </view>
    </view>
    <view class="right">
        <img :src="item.image_url" alt="" srcset="">
    </view>
    </div>
 </div>
</template>

<script>
export default {
    inject: ['data','params'],
     data() {
        return {
           list:this.data
        };
    },
mounted () {
    console.log(this.data)
    console.log(this.params)
}
    }
   
</script>

<style lang="scss" scoped>
.articleWrap{
.articItem{
    height: 218rpx;
    padding: 36rpx;
    display: flex;
    
   .left{
    width: 740rpx;
    .title{
        width: 100%;
        height:76rpx ;
        line-height: 38rpx;
        font-size: 32rpx;
	    overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
    }
    .time{
        margin-top:20rpx ;
        font-size: 28rpx;
        color: #888;
    }
   }
}
.right{
    margin-left:40rpx ;
    img{
        width: 300rpx;
        
    }
}
}

</style>